<template>
  <div class="no-goods">
    <div class="info">
      <span>未检索到商品呢~</span>
      <span class="tip">换个搜索词试试呢</span>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
.no-goods {
  width: 100%;
  height: 100%;
  text-align: center;

  .info {
    padding-top: 100px;
    width: 280px;
    height: 200px;
    font-size: larger;
    margin: 0 auto;

    .tip {
      display: block;
      margin-top: 18px;
      color: #c3c3c3;
      font-size: 14px;
    }
  }


}
</style>
